<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="score" style="width: 100%;height:400px;"></div>
<script src="/echarts/echarts.js"></script>
<script type="text/javascript">
    layui.use(['element', 'jquery'], function () {
        var $ = layui.jquery;
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('score'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '医院资源设备余量'
            },
            tooltip: {},
            // legend: { //图例
            //     data: ['数量']
            // },
            xAxis: {
                data: [], 
                axisLable:{
                    interval:0,
                    rotate:40
                },
    
            },
            yAxis: {
                
            },
            series: [{
                //name: '数量',
                type: 'bar', //bar-柱状图； line-曲线图； pie-饼图
                data: []  
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

        $.ajax({
            url: 'http://localhost:8080/resourcel/getRes',
            type: 'get',
            dataType: 'json',
            data: {

            },
            success: function (res) {

                myChart.setOption({
                    xAxis: {
                        data:res.xlist
                    },
                   
                    series: [{
                        // 根据名字对应到相应的系列
                        name: '资源设备',
                        data:res.ylist
                    }]
                });
            }
        })




    })
</script>